// var swiper = new Swiper('.swiper-container', {
//       slidesPerView: 4,
//       spaceBetween: 20,
//       freeMode: true,
//       pagination: {
//         el: '.swiper-pagination',
//         clickable: true,
//       },
//     });




 var swiper = new Swiper('.swiper-container', {
      slidesPerView:4,
      spaceBetween:5,
      loop: true,
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });



function da1() {
    document.querySelector(".header-nav-hg").style.display = 'block'
}
function da2() {
    document.querySelector(".header-nav-hg").style.display = 'none'
}

//
//    var swiper = new Swiper('.two > .swiper-container', {
//      slidesPerView: 3,
//      spaceBetween: 30,
//      slidesPerGroup: 3,
//      loop: true,
//      loopFillGroupWithBlank: true,
//      pagination: {
//        el: '.swiper-pagination',
//        clickable: true,
//      },
//      navigation: {
//        nextEl: '.swiper-button-next',
//        prevEl: '.swiper-button-prev',
//      },
//    });












new Vue({
    el:'#app',
    data:{
        mess:'..'
    },
    mounted(){
        axios
            .get('json/news.json')
            .then(response => this.mess = response.data.urls)
            .catch (function(error){
                console.log(error);
            })
    }
});